<template>
    <div class="container">
      <div class="chatBox">
        <el-row>
          <el-col :xs="10" :sm="10" :md="8" :lg="8" :xl="7">
            <side-bar />
          </el-col>
          <el-col :xs="14" :sm="14" :md="16" :lg="16" :xl="17">
            <current-conversation />
          </el-col>
        </el-row>
      </div>
      <image-previewer />
    </div>
</template>

<script>
// import CurrentConversation from '@/components/conversation/current-conversation'
// import SideBar from '@/components/layout/side-bar'
// import ImagePreviewer from '@/components/message/image-previewer'

export default {
  destroyed () {
    // this.$store.commit('resetCurrentConversation')
  },
  // components: {
  //     SideBar,
  //     CurrentConversation,
  //     ImagePreviewer
  // },
  watch: {
      isLogin(next) {
          if (next) {
              // MTA.clickStat('link_two', { show: 'true' })
          }
      }
  },
  data () {
      return {}
  },
  methods: {}
}
</script>

<style lang="less" scoped>
@import './feedback.less';
</style>
